.week-calendar-wrapper
  position fixed
  width 100%
  z-index $z-index-vlow

/* 内容部分样式 */
.card-content
  padding 15px 10px

.basic-day-show
  display inline-block
  width 75px
  height 75px
  line-height 75px
  font-size 45px
  border-radius 5px
  // 字体反色，为Card背景色
  color: $app-text-color-reverse
  // 背景反色，为Card文字色
  background-color $app-theme-color

.basic-lunar-show
  font-size 32px
  font-family KaiTi, KaiTi_GB2312

.basic-events
  height 60px
  border-radius 5px
  border 1px dotted $app-theme-color

.basic-no-event
  line-height 60px

.basic-footer-split
  width 1px
  transform scaleX(0.5)
  background-color $app-border-color

.ganzhi-scroll-wrapper
  border 1px solid $app-border-color
  border-radius 5px

.ganzhi-scroller
  width calc(100% - 80px)
  border-right 1px solid $app-border-color
  white-space nowrap
  padding 5px

.ganzhi-scroller-item
  width 60px
  display inline-block

  &.active
    border 2px solid $app-theme-color

.ganzhi-scroller-title
  width 80px

.relative-modal-title
  position relative
  height 44px
  display flex
  justify-content space-between
  align-items center

.relative-modal-ganzhi
  position relative
  height 120px

.relative-modal-main
  position absolute
  // 上偏移值 为上两个组件高度之和
  top 120px
  bottom 0
  width 100%

.terms-modal-title
  position relative
  height 44px
  display flex
  justify-content space-between
  align-items center

.terms-modal-main
  position absolute
  // 上偏移值 为上个组件高度
  top 0px
  bottom 0
  width 100%

.moon-scroll-wrapper
  margin 0 10px 10px 10px
  border 1px solid $app-border-color
  border-radius 5px
  height 120px

.moon-scroller
  width 100%
  padding 5px
  white-space nowrap

.moon-scroller-item
  width 70px
  display inline-block

  &.active
    border 2px solid $app-theme-color

.moon-scroller-item-tag
  height 30px
  
/* 太阳弧线样式，以375px的屏幕效果为基准，由JS控制缩放 */
.sun-way
  border-style dashed
  border-color $app-text-color
  border-width 1px 1px 0 1px
  position relative
  display inline-block

.sun-reverse
  transform rotate(180deg)

